<template>
    <footer class="footer">
        <div>
            <ul class="li-boder-f">
                <li>
                    <div>
                        <h3>CUSTOMER SERVICES</h3>
                        <p>HELP</p>
                        <p>VIEW YOUR BASKET</p>
                        <hr>
                        <p><a href="#">EU2018/858 COMPLIANCE</a></p>
                    </div>
                </li>
                <li>
                    <div>
                        <h3>ABOUT US</h3>
                        <p><a href="#">JAGUAR.COM</a></p>
                        <p><a href="#">LANDROVER.COM</a></p>
                        <p><a href="#">SHOP.JAGUAR.COM</a></p>
                        <p><a href="#">SHOP.LANDROVER.COM</a></p>
                    </div>
                </li>
                <li>
                    <div>
                        <h3>APPLICATIONS / ADD-ONS</h3>
                        <p><a href="#">EDIX</a></p>
                        <p><a href="#">JAGUAR TOPIX</a></p>
                        <p><a href="#">LAND ROVER TOPIX</a></p>
                        <p><a href="#">CLASSIC</a></p>
                        <p><a href="#">MENU PRICING</a></p>
                    </div>
                </li>
                <li>
                    <div>
                        <h3>REGISTERED OFFICE</h3>
                        <h5>Jaguar Land Rover Limited,</h5>
                        <h5>Abbey Road, Whitley, Coventry CV3 4LF</h5>
                        <h5>Registered In England No: 1672070</h5>
                        <h5>VAT ID: GB927153228</h5>
                        <p><a href="#">PRIVACY POLICY</a></p>
                        <p><a href="#">COOKIE POLICY</a></p>
                    </div>
                </li>
                <li>
                    <div>
                        <p class="Jaguar">JAGUAR</p>
                        <p class="landrover">LAND ROVER</p>
                    </div>
                </li>
            </ul>
        </div>
    </footer>
</template>

<script>
export default {
    name: 'Footer'
}
</script>

<style scoped>
.footer {
    height: 200px;
    border-top: 1px solid #BD845B;
    padding: 8px 20px;
    color: #5C5C5C;
}
.footer ul li {
    text-align: center;
    list-style: none;
    float: left;
    margin: 0;
    padding: 0 auto;
    width: 20%;
    height: 160px;
}
.li-boder-f li:not(:last-child) {
    border-right: 1px solid #E2D5BE;
}
.Jaguar {
    color: #9E1B32;
    font-weight: 800;
}
.landrover {
    color: #005A2B;
    font-weight: 800;
}
h5 {
    margin: 0;
}
hr {
    width: 50%;
}
</style>